<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title> WebSSH </title>
  <link href="../static/yc/img/favicon.png" rel="icon" type="image/png">
  <link href="./static/yc/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="./static/yc/css/xterm.min.css" rel="stylesheet" type="text/css" />
  <link href="./static/yc/css/fullscreen.min.css" rel="stylesheet" type="text/css" />
  <style>
    .row {
        margin-top: 20px;
        margin-bottom: 10px;
      }

      .container {
        margin-top: 20px;
      }
      .el-notification__content p{
        display:none;
      }
      .pasdipt::selection{
        background:#000; 
      }
    </style>
</head>

<body style="background:#000;">
  <form id="connect" action="" type="post" enctype="multipart/form-data" style="padding-left:10px;">
    <div class="row">
      <div class="col">
        <code style="color:#fff;margin-left:15px">login:</code>
        <input type="text" style="background: #000;color: #fff;outline:none;border:none;" class="nameipt">
      </div>
    </div>
    <div class="row passwordbox"  style="display:none;position:relative;top:-25px;">
      <div class="col">
        <code style="color:#fff;margin-left:15px">password:</code>
        <input autocomplete="new-password"  
        type="password" 
        style="background: #000;caret-color:#fff;color: #000;outline:none;border:none;" 
        class="pasdipt">
      </div>
    </div>
    <div class="row">
      <div class="col" style="margin-left:15px;margin-top:-25px;">
        <p class="errorinfo" style="color:#fff;margin-top:-20px;display:none;"></p>
        <p class="totipinfo" style="color:#fff;margin-top:-20px;display:none;">正在连接中...</p>
      </div>
    </div>
  </form>
  <div class="container">
    <div id="status" style="color: red;"></div>
    <div id="terminal"></div>
  </div>
</body>
</html>